.poem {
    margin-top : 50px;
    line-height: 50px;
}

.coin-container {
    position: relative;
    width   : 300px;
    height  : 600px;
    margin  : -100px auto;
}

.coin {
    position       : absolute;
    width          : 20px;
    height         : 20px;
    font-size      : 50px;
    border-radius  : 50%;
    /* 使金币呈圆形 */
    opacity        : 0;
    /* 初始透明度为 0 */
    animation      : dropCoin 3s infinite;
    /* 应用掉落动画，无限次重复 */
    animation-delay: calc(var(--i) * 0.3s);
    /* 动画延迟，每个金币不同 */
}

/* 定义掉落动画 */
@keyframes dropCoin {
    0% {
        top    : -30px;
        /* 初始位置在容器顶部之上 */
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        top    : 100%;
        /* 最终位置在容器底部 */
        opacity: 0;
    }
}

/* 为每个金币设置不同的动画延迟 */
.coin:nth-child(1) {
    --i : 4;
    left: 30px;
}

.coin:nth-child(2) {
    --i : 6;
    left: 60px;
}

.coin:nth-child(3) {
    --i : 0;
    left: 90px;
}

.coin:nth-child(4) {
    --i : 2;
    left: 120px;
}

.coin:nth-child(5) {
    --i : 7;
    left: 150px;
}

.coin:nth-child(6) {
    --i : 3;
    left: 180;
}

.coin:nth-child(7) {
    --i : 1;
    left: 210px;
}

.coin:nth-child(8) {
    --i : 5;
    left: 240px;
}


/* 继续为其他金币设置 */